<div style="width: 280px;background-color: #efefef " *ngIf="userInfo&&authService.userInfo">
  <div nz-row style="background-color: #7edbf6;padding:20px 0 20px 20px">
    <ng-template #inputMobile>
      <input *ngIf="editor=='signature'" nz-input placeholder="我只想划水。。。" [(ngModel)]="editInput" (focusout)="inputFocusout()"/>
    </ng-template>
    <div nz-col>
      <nz-avatar [nzSize]="50" nzIcon="user" [nzSrc]="authService.avatarUrl"></nz-avatar>
    </div>
    <div nz-col nzSpan="12">
      <div style="color: white;padding-left: 5px;font-size: large">{{authService.userInfo.username}}({{authService.userInfo.email}})</div>
      <p nz-typography nzEditable style="color:#595959"
         [(nzContent)]="authService.userInfo.signature" (nzContentChange)="signatureChange()"></p>
<!--      <div *ngIf="editor!='signature';else inputMobile" style="color:#eceaea;margin-left: 5px">-->
<!--        {{authService.userInfo.signature}}-->
<!--        <i nz-icon nzType="edit" nzTheme="outline" (click)="editor='signature';editInput=userInfo.signature"></i>-->
<!--      </div>-->
    </div>
  </div>
  <div nz-row nzJustify="center">
    <div style="text-align: center;width: 100%">
      <nz-progress [nzPercent]="userInfo.storageUsePercent" [nzShowInfo]="false"></nz-progress>
      <span style="color: gray">使用量：{{authService.userInfo.storageUse | nzBytes}}/{{authService.userInfo.storageByte | nzBytes}}</span>
    </div>
  </div>
  <div nz-row nzJustify="center" style="margin: 10px 0 10px 0">
    <div nz-col nzFlex="3">
      <nz-tag class="col-bt" [nzColor]="'#f50'">积分：{{authService.userInfo.scores||0}}</nz-tag>
    </div>
    <div nz-col nzFlex="3">
      <nz-tag class="col-bt" [nzColor]="'#2db7f5'">收藏：{{authService.userInfo.favorites?.length}}</nz-tag>
    </div>
<!--    <div nz-col nzFlex="3">-->
<!--      <nz-tag class="col-bt" [nzColor]="'#87d068'">被收：{{userInfo.beCollected}}</nz-tag>-->
<!--    </div>-->
  </div>
    <button nz-button nzType="default" nzBlock routerLink="/user/userinfo">个人信息</button>
<!--    <button nz-button nzType="default" nzBlock>帮助</button>-->
    <button nz-button nzType="default" nzBlock (click)="openSource()">开源</button>
    <button nz-button nzType="default" nzBlock (click)="logout()">退出</button>
</div>
